<%@page import="com.liming.model.Banner"%>
<%@page import="com.liming.service.BannerServiceImpl"%>
<%@page import="com.liming.serviceinterface.BannerService"%>
<%@page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>

    <title>首页</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="format-detection" content="telephone=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<link href="apple-touch-icon.png" rel="apple-touch-icon">
	<link href="favicon.png" rel="icon">
	<meta name="author" content="Nghia Minh Luong">
	<meta name="keywords" content="Default Description">
	<meta name="description" content="Default keyword">
	<title>Home</title>
	<!-- Fonts-->
	<link
		href="https://fonts.googleapis.com/css?family=Archivo+Narrow:300,400,700%7CMontserrat:300,400,500,600,700,800,900"
		rel="stylesheet">
	<link rel="stylesheet" href="plugins/font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="plugins/ps-icon/style.css">
	<!-- CSS Library-->
	<link rel="stylesheet" href="plugins/bootstrap/dist/css/bootstrap.min.css">
	<link rel="stylesheet" href="plugins/owl-carousel/assets/owl.carousel.css">
	<link rel="stylesheet" href="plugins/jquery-bar-rating/dist/themes/fontawesome-stars.css">
	<link rel="stylesheet" href="plugins/slick/slick/slick.css">
	<link rel="stylesheet" href="plugins/bootstrap-select/dist/css/bootstrap-select.min.css">
	<link rel="stylesheet" href="plugins/Magnific-Popup/dist/magnific-popup.css">
	<link rel="stylesheet" href="plugins/jquery-ui/jquery-ui.min.css">
	<link rel="stylesheet" href="plugins/revolution/css/settings.css">
	<link rel="stylesheet" href="plugins/revolution/css/layers.css">
	<link rel="stylesheet" href="plugins/revolution/css/navigation.css">
	<!-- Custom-->
	<link rel="stylesheet" href="css/style.css">
	<!--HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries-->
	<!--WARNING: Respond.js doesn't work if you view the page via file://-->
	<!--[if lt IE 9]><script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script><script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script><![endif]-->
	<link rel="stylesheet" href="css/index.css">
  </head>
  
<body class="ps-loading">
	<div class="header--sidebar"></div>
	<header class="header">
		<nav class="navigation">
			<div class="container-fluid">
				<div class="navigation__column left" id="mylogo">
					<div class="header__logo"><a class="ps-logo" href="index.html"><img src="images/logo.png"
								alt=""></a>

					</div>

				</div>
				<div class="navigation__column center" id="mycenter">
					<ul class="main-menu menu" id="login-menu">
					<c:if test="${user!=null }">
					<li class="menu-item menu-item-has-children dropdown"><a href="${pageContext.request.contextPath }/userinfo.jsp">欢迎${user.username }来到Tsport！</a>
						
					</li>
					<li class="menu-item menu-item-has-children dropdown" ><a href="${pageContext.request.contextPath }/Logout">退出登录</a>
							
					</li>
					</c:if>
					<c:if test="${user==null }">
					<li class="menu-item menu-item-has-children dropdown"><a href="${pageContext.request.contextPath }/login.jsp">登录/注册</a>
							
					</li>
					</c:if>
					</ul>	
					<ul class="main-menu menu" id="centermenu" >
					
					</ul>
				</div>
				<div class="navigation__column right">
					<form class="ps-search--header" action="SearchGoods" method="get">
						<input class="form-control" name = "search" type="text" placeholder="Search Product…">
						<button><i class="ps-icon-search"></i></button>
					</form>
					<div class="ps-cart"><a class="ps-cart__toggle" href="#"><span id="qualitynum"></span><i
								class="ps-icon-shopping-cart"></i></a>
						<div class="ps-cart__listing">
							<div class="ps-cart__content" id="cart_content">
									
									
							</div>
							<div class="ps-cart__total" >
								<p>Number of items:<span id="items"></span></p>
								<p>Item Total:<span id="total"></span></p>
							</div>
							<div class="ps-cart__footer"><a class="ps-btn" href="cart.jsp">Check out<i
										class="ps-icon-arrow-left"></i></a>
							</div>
						</div>
					</div>
					<div class="menu-toggle"><span></span></div>
				</div>
			</div>
		</nav>
	</header>
	<div class="header-services">
		<div class="ps-services owl-slider" data-owl-auto="true" data-owl-loop="true" data-owl-speed="7000"
			data-owl-gap="0" data-owl-nav="true" data-owl-dots="false" data-owl-item="1" data-owl-item-xs="1"
			data-owl-item-sm="1" data-owl-item-md="1" data-owl-item-lg="1" data-owl-duration="1000"
			data-owl-mousedrag="on">
			<p class="ps-service"><i class="ps-icon-delivery"></i><strong>专注运动</strong>: 运动用品，我们最专业</p>
			<p class="ps-service"><i class="ps-icon-delivery"></i><strong>质量保障</strong>: 层层把关，保证每一件商品质量达标</p>
			<p class="ps-service"><i class="ps-icon-delivery"></i><strong>急速物流</strong>: 争分夺秒，只为您的更快体验</p>
		</div>
	</div>
	<main class="ps-main">
		<div class="ps-banner">
			<div class="rev_slider fullscreenbanner" id="home-banner">
				<ul>
				<%BannerService bannerService = new BannerServiceImpl();
					List<Banner> banners = bannerService.getEanbleBanners();
					pageContext.setAttribute("banners", banners);
					%>
					<c:forEach
				    items= "${banners }"
				    var="curbanner">	
				    <li class="ps-banner" data-index="rs-500" data-transition="random"
						data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-rotate="0">
						<img class="rev-slidebg" src="${curbanner.bannersrc }" alt="" data-bgposition="center center"
							data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="5" data-no-retina>
						<div class="tp-caption ps-banner__header" id="layer-1" data-x="left"
							data-hoffset="['-60','15','15','15']" data-y="['middle','middle','middle','middle']"
							data-voffset="['-150','-120','-150','-170']" data-width="['none','none','none','400']"
							data-type="text" data-responsive_offset="on"
							data-frames="[{&quot;delay&quot;:1000,&quot;speed&quot;:1500,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:50px;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]">
							<p>${curbanner.bannertitle }</p>
						</div>
						<div class="tp-caption ps-banner__title" id="layer21" data-x="['left','left','left','left']"
							data-hoffset="['-60','15','15','15']" data-y="['middle','middle','middle','middle']"
							data-voffset="['-60','-40','-50','-70']" data-type="text" data-responsive_offset="on"
							data-textAlign="['center','center','center','center']"
							data-frames="[{&quot;delay&quot;:1200,&quot;speed&quot;:1500,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:50px;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]">
							<p class="text-uppercase">${curbanner.bannersubtitle }</p>
						</div>
						<div class="tp-caption ps-banner__description" id="layer211"
							data-x="['left','left','left','left']" data-hoffset="['-60','15','15','15']"
							data-y="['middle','middle','middle','middle']" data-voffset="['30','50','50','50']"
							data-type="text" data-responsive_offset="on"
							data-textAlign="['center','center','center','center']"
							data-frames="[{&quot;delay&quot;:1200,&quot;speed&quot;:1500,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:50px;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]">
							<p>${curbanner.bannerdesc } </p>
						</div><a class="tp-caption ps-btn" id="layer31" href="#" data-x="['left','left','left','left']"
							data-hoffset="['-60','15','15','15']" data-y="['middle','middle','middle','middle']"
							data-voffset="['120','140','200','200']" data-type="text" data-responsive_offset="on"
							data-textAlign="['center','center','center','center']"
							data-frames="[{&quot;delay&quot;:1500,&quot;speed&quot;:1500,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:50px;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]">立即购买
							Now<i class="ps-icon-next"></i></a>
					</li>
    				</c:forEach>
				</ul>
			</div>
		</div>
		
		<div class="ps-section--features-product ps-section masonry-root pt-100 pb-100">
			<div class="ps-container">
				<div class="ps-section__header mb-50">
					<h3 class="ps-section__title" data-mask="features">热销</h3>
					<ul class="ps-masonry__filter">
						<li class="current"><a href="#" data-filter="*">All <sup>8</sup></a></li>
						<li><a href="#" data-filter=".nike">Nike <sup>1</sup></a></li>
						<li><a href="#" data-filter=".adidas">Adidas <sup>1</sup></a></li>
						<li><a href="#" data-filter=".men">Men <sup>1</sup></a></li>
						<li><a href="#" data-filter=".women">Women <sup>1</sup></a></li>
						<li><a href="#" data-filter=".kids">Kids <sup>4</sup></a></li>
					</ul>
				</div>
				<div class="ps-section__content pb-50">
					<div class="masonry-wrapper" data-col-md="4" data-col-sm="2" data-col-xs="1" data-gap="30"
						data-radio="100%">
						<div class="ps-masonry">
							<div class="grid-sizer"></div>
							<div class="grid-item kids">
								<div class="grid-item__content-wrapper">
									<div class="ps-shoe mb-30">
										<div class="ps-shoe__thumbnail">
											<div class="ps-badge"><span>New</span></div>
											<div class="ps-badge ps-badge--sale ps-badge--2nd"><span>-35%</span></div><a
												class="ps-shoe__favorite" href="#"><i class="ps-icon-heart"></i></a><img
												src="images/shoe/1.jpg" alt=""><a class="ps-shoe__overlay"
												href="product-detail.html"></a>
										</div>
										<div class="ps-shoe__content">
											<div class="ps-shoe__variants">
												<div class="ps-shoe__variant normal"><img src="images/shoe/2.jpg"
														alt=""><img src="images/shoe/3.jpg" alt=""><img
														src="images/shoe/4.jpg" alt=""><img src="images/shoe/5.jpg"
														alt=""></div>
												<select class="ps-rating ps-shoe__rating">
													<option value="1">1</option>
													<option value="1">2</option>
													<option value="1">3</option>
													<option value="1">4</option>
													<option value="2">5</option>
												</select>
											</div>
											<div class="ps-shoe__detail"><a class="ps-shoe__name" href="#">Air Jordan 7
													Retro</a>
												<p class="ps-shoe__categories"><a href="#">Men shoes</a>,<a href="#">
														Nike</a>,<a href="#"> Jordan</a></p><span
													class="ps-shoe__price">
													<del>£220</del> £ 120</span>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="grid-item nike">
								<div class="grid-item__content-wrapper">
									<div class="ps-shoe mb-30">
										<div class="ps-shoe__thumbnail"><a class="ps-shoe__favorite" href="#"><i
													class="ps-icon-heart"></i></a><img src="images/shoe/2.jpg" alt=""><a
												class="ps-shoe__overlay" href="product-detail.html"></a>
										</div>
										<div class="ps-shoe__content">
											<div class="ps-shoe__variants">
												<div class="ps-shoe__variant normal"><img src="images/shoe/2.jpg"
														alt=""><img src="images/shoe/3.jpg" alt=""><img
														src="images/shoe/4.jpg" alt=""><img src="images/shoe/5.jpg"
														alt=""></div>
												<select class="ps-rating ps-shoe__rating">
													<option value="1">1</option>
													<option value="1">2</option>
													<option value="1">3</option>
													<option value="1">4</option>
													<option value="2">5</option>
												</select>
											</div>
											<div class="ps-shoe__detail"><a class="ps-shoe__name" href="#">Air Jordan 7
													Retro</a>
												<p class="ps-shoe__categories"><a href="#">Men shoes</a>,<a href="#">
														Nike</a>,<a href="#"> Jordan</a></p><span
													class="ps-shoe__price"> £ 120</span>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="grid-item adidas">
								<div class="grid-item__content-wrapper">
									<div class="ps-shoe mb-30">
										<div class="ps-shoe__thumbnail"><a class="ps-shoe__favorite" href="#"><i
													class="ps-icon-heart"></i></a><img src="images/shoe/3.jpg" alt=""><a
												class="ps-shoe__overlay" href="product-detail.html"></a>
										</div>
										<div class="ps-shoe__content">
											<div class="ps-shoe__variants">
												<div class="ps-shoe__variant normal"><img src="images/shoe/2.jpg"
														alt=""><img src="images/shoe/3.jpg" alt=""><img
														src="images/shoe/4.jpg" alt=""><img src="images/shoe/5.jpg"
														alt=""></div>
												<select class="ps-rating ps-shoe__rating">
													<option value="1">1</option>
													<option value="1">2</option>
													<option value="1">3</option>
													<option value="1">4</option>
													<option value="2">5</option>
												</select>
											</div>
											<div class="ps-shoe__detail"><a class="ps-shoe__name" href="#">Air Jordan 7
													Retro</a>
												<p class="ps-shoe__categories"><a href="#">Men shoes</a>,<a href="#">
														Nike</a>,<a href="#"> Jordan</a></p><span
													class="ps-shoe__price"> £ 120</span>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="grid-item kids">
								<div class="grid-item__content-wrapper">
									<div class="ps-shoe mb-30">
										<div class="ps-shoe__thumbnail">
											<div class="ps-badge ps-badge--sale"><span>-35%</span></div><a
												class="ps-shoe__favorite" href="#"><i class="ps-icon-heart"></i></a><img
												src="images/shoe/4.jpg" alt=""><a class="ps-shoe__overlay"
												href="product-detail.html"></a>
										</div>
										<div class="ps-shoe__content">
											<div class="ps-shoe__variants">
												<div class="ps-shoe__variant normal"><img src="images/shoe/2.jpg"
														alt=""><img src="images/shoe/3.jpg" alt=""><img
														src="images/shoe/4.jpg" alt=""><img src="images/shoe/5.jpg"
														alt=""></div>
												<select class="ps-rating ps-shoe__rating">
													<option value="1">1</option>
													<option value="1">2</option>
													<option value="1">3</option>
													<option value="1">4</option>
													<option value="2">5</option>
												</select>
											</div>
											<div class="ps-shoe__detail"><a class="ps-shoe__name" href="#">Air Jordan 7
													Retro</a>
												<p class="ps-shoe__categories"><a href="#">Men shoes</a>,<a href="#">
														Nike</a>,<a href="#"> Jordan</a></p><span
													class="ps-shoe__price">
													<del>£220</del> £ 120</span>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="grid-item men">
								<div class="grid-item__content-wrapper">
									<div class="ps-shoe mb-30">
										<div class="ps-shoe__thumbnail"><a class="ps-shoe__favorite" href="#"><i
													class="ps-icon-heart"></i></a><img src="images/shoe/5.jpg" alt=""><a
												class="ps-shoe__overlay" href="product-detail.html"></a>
										</div>
										<div class="ps-shoe__content">
											<div class="ps-shoe__variants">
												<div class="ps-shoe__variant normal"><img src="images/shoe/2.jpg"
														alt=""><img src="images/shoe/3.jpg" alt=""><img
														src="images/shoe/4.jpg" alt=""><img src="images/shoe/5.jpg"
														alt=""></div>
												<select class="ps-rating ps-shoe__rating">
													<option value="1">1</option>
													<option value="1">2</option>
													<option value="1">3</option>
													<option value="1">4</option>
													<option value="2">5</option>
												</select>
											</div>
											<div class="ps-shoe__detail"><a class="ps-shoe__name" href="#">Air Jordan 7
													Retro</a>
												<p class="ps-shoe__categories"><a href="#">Men shoes</a>,<a href="#">
														Nike</a>,<a href="#"> Jordan</a></p><span
													class="ps-shoe__price"> £ 120</span>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="grid-item women">
								<div class="grid-item__content-wrapper">
									<div class="ps-shoe mb-30">
										<div class="ps-shoe__thumbnail"><a class="ps-shoe__favorite" href="#"><i
													class="ps-icon-heart"></i></a><img src="images/shoe/6.jpg" alt=""><a
												class="ps-shoe__overlay" href="product-detail.html"></a>
										</div>
										<div class="ps-shoe__content">
											<div class="ps-shoe__variants">
												<div class="ps-shoe__variant normal"><img src="images/shoe/2.jpg"
														alt=""><img src="images/shoe/3.jpg" alt=""><img
														src="images/shoe/4.jpg" alt=""><img src="images/shoe/5.jpg"
														alt=""></div>
												<select class="ps-rating ps-shoe__rating">
													<option value="1">1</option>
													<option value="1">2</option>
													<option value="1">3</option>
													<option value="1">4</option>
													<option value="2">5</option>
												</select>
											</div>
											<div class="ps-shoe__detail"><a class="ps-shoe__name" href="#">Air Jordan 7
													Retro</a>
												<p class="ps-shoe__categories"><a href="#">Men shoes</a>,<a href="#">
														Nike</a>,<a href="#"> Jordan</a></p><span
													class="ps-shoe__price"> £ 120</span>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="grid-item kids">
								<div class="grid-item__content-wrapper">
									<div class="ps-shoe mb-30">
										<div class="ps-shoe__thumbnail"><a class="ps-shoe__favorite" href="#"><i
													class="ps-icon-heart"></i></a><img src="images/shoe/7.jpg" alt=""><a
												class="ps-shoe__overlay" href="product-detail.html"></a>
										</div>
										<div class="ps-shoe__content">
											<div class="ps-shoe__variants">
												<div class="ps-shoe__variant normal"><img src="images/shoe/2.jpg"
														alt=""><img src="images/shoe/3.jpg" alt=""><img
														src="images/shoe/4.jpg" alt=""><img src="images/shoe/5.jpg"
														alt=""></div>
												<select class="ps-rating ps-shoe__rating">
													<option value="1">1</option>
													<option value="1">2</option>
													<option value="1">3</option>
													<option value="1">4</option>
													<option value="2">5</option>
												</select>
											</div>
											<div class="ps-shoe__detail"><a class="ps-shoe__name" href="#">Air Jordan 7
													Retro</a>
												<p class="ps-shoe__categories"><a href="#">Men shoes</a>,<a href="#">
														Nike</a>,<a href="#"> Jordan</a></p><span
													class="ps-shoe__price"> £ 120</span>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="grid-item kids">
								<div class="grid-item__content-wrapper">
									<div class="ps-shoe mb-30">
										<div class="ps-shoe__thumbnail"><a class="ps-shoe__favorite" href="#"><i
													class="ps-icon-heart"></i></a><img src="images/shoe/8.jpg" alt=""><a
												class="ps-shoe__overlay" href="product-detail.html"></a>
										</div>
										<div class="ps-shoe__content">
											<div class="ps-shoe__variants">
												<div class="ps-shoe__variant normal"><img src="images/shoe/2.jpg"
														alt=""><img src="images/shoe/3.jpg" alt=""><img
														src="images/shoe/4.jpg" alt=""><img src="images/shoe/5.jpg"
														alt=""></div>
												<select class="ps-rating ps-shoe__rating">
													<option value="1">1</option>
													<option value="1">2</option>
													<option value="1">3</option>
													<option value="1">4</option>
													<option value="2">5</option>
												</select>
											</div>
											<div class="ps-shoe__detail"><a class="ps-shoe__name" href="#">Air Jordan 7
													Retro</a>
												<p class="ps-shoe__categories"><a href="#">Men shoes</a>,<a href="#">
														Nike</a>,<a href="#"> Jordan</a></p><span
													class="ps-shoe__price"> £ 120</span>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="ps-section--offer">
			<div class="ps-column"><a class="ps-offer" href="product-listing.html"><img
						src="images/banner/home-banner-1.png" alt=""></a></div>
			<div class="ps-column"><a class="ps-offer" href="product-listing.html"><img
						src="images/banner/home-banner-2.png" alt=""></a></div>
		</div>
		<div class="ps-section--sale-off ps-section pt-80 pb-40">
			<div class="ps-container">
				<div class="ps-section__header mb-50">
					<h3 class="ps-section__title" data-mask="Sale off">- Hot Deal Today</h3>
				</div>
				<div class="ps-section__content">
					<div class="row">
						<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 ">
							<div class="ps-hot-deal">
								<h3>Nike DUNK Max 95 OG</h3>
								<p class="ps-hot-deal__price">Only: <span>£155</span></p>
								<ul class="ps-countdown" data-time="December 13, 2017 15:37:25">
									<li><span class="hours"></span>
										<p>Hours</p>
									</li>
									<li class="divider">:</li>
									<li><span class="minutes"></span>
										<p>minutes</p>
									</li>
									<li class="divider">:</li>
									<li><span class="seconds"></span>
										<p>Seconds</p>
									</li>
								</ul><a class="ps-btn" href="#">Order Today<i class="ps-icon-next"></i></a>
							</div>
						</div>
						<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 ">
							<div class="ps-hotspot"><a class="point first active" href="javascript:;"><i
										class="fa fa-plus"></i>
									<div class="ps-hotspot__content">
										<p class="heading">JUMP TO HEADER</p>
										<p>Dynamic Fit Collar en la zona del tobillo que une la parte inferior de la
											pierna y el pie sin reducir la libertad de movimiento.</p>
									</div>
								</a><a class="point second" href="javascript:;"><i class="fa fa-plus"></i>
									<div class="ps-hotspot__content">
										<p class="heading">JUMP TO HEADER</p>
										<p>Dynamic Fit Collar en la zona del tobillo que une la parte inferior de la
											pierna y el pie sin reducir la libertad de movimiento.</p>
									</div>
								</a><a class="point third" href="javascript:;"><i class="fa fa-plus"></i>
									<div class="ps-hotspot__content">
										<p class="heading">JUMP TO HEADER</p>
										<p>Dynamic Fit Collar en la zona del tobillo que une la parte inferior de la
											pierna y el pie sin reducir la libertad de movimiento.</p>
									</div>
								</a><img src="images/hot-deal.png" alt=""></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="ps-section ps-section--top-sales ps-owl-root pt-80 pb-80">
			<div class="ps-container">
				<div class="ps-section__header mb-50">
					<div class="row">
						<div class="col-lg-9 col-md-9 col-sm-12 col-xs-12 ">
							<h3 class="ps-section__title" data-mask="BEST SALE">- Top Sales</h3>
						</div>
						<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 ">
							<div class="ps-owl-actions"><a class="ps-prev" href="#"><i
										class="ps-icon-arrow-right"></i>Prev</a><a class="ps-next" href="#">Next<i
										class="ps-icon-arrow-left"></i></a></div>
						</div>
					</div>
				</div>
				<div class="ps-section__content">
					<div class="ps-owl--colection owl-slider" data-owl-auto="true" data-owl-loop="true"
						data-owl-speed="5000" data-owl-gap="30" data-owl-nav="false" data-owl-dots="false"
						data-owl-item="4" data-owl-item-xs="1" data-owl-item-sm="2" data-owl-item-md="3"
						data-owl-item-lg="4" data-owl-duration="1000" data-owl-mousedrag="on">
						<div class="ps-shoes--carousel">
							<div class="ps-shoe">
								<div class="ps-shoe__thumbnail">
									<div class="ps-badge"><span>New</span></div><a class="ps-shoe__favorite" href="#"><i
											class="ps-icon-heart"></i></a><img src="images/shoe/1.jpg" alt=""><a
										class="ps-shoe__overlay" href="product-detail.html"></a>
								</div>
								<div class="ps-shoe__content">
									<div class="ps-shoe__variants">
										<div class="ps-shoe__variant normal"><img src="images/shoe/2.jpg" alt=""><img
												src="images/shoe/3.jpg" alt=""><img src="images/shoe/4.jpg" alt=""><img
												src="images/shoe/5.jpg" alt=""></div>
										<select class="ps-rating ps-shoe__rating">
											<option value="1">1</option>
											<option value="1">2</option>
											<option value="1">3</option>
											<option value="1">4</option>
											<option value="2">5</option>
										</select>
									</div>
									<div class="ps-shoe__detail"><a class="ps-shoe__name" href="product-detai.html">Air
											Jordan 7 Retro</a>
										<p class="ps-shoe__categories"><a href="#">Men shoes</a>,<a href="#">
												Nike</a>,<a href="#"> Jordan</a></p><span class="ps-shoe__price"> £
											120</span>
									</div>
								</div>
							</div>
						</div>
						<div class="ps-shoes--carousel">
							<div class="ps-shoe">
								<div class="ps-shoe__thumbnail">
									<div class="ps-badge"><span>New</span></div>
									<div class="ps-badge ps-badge--sale ps-badge--2nd"><span>-35%</span></div><a
										class="ps-shoe__favorite" href="#"><i class="ps-icon-heart"></i></a><img
										src="images/shoe/2.jpg" alt=""><a class="ps-shoe__overlay"
										href="product-detail.html"></a>
								</div>
								<div class="ps-shoe__content">
									<div class="ps-shoe__variants">
										<div class="ps-shoe__variant normal"><img src="images/shoe/2.jpg" alt=""><img
												src="images/shoe/3.jpg" alt=""><img src="images/shoe/4.jpg" alt=""><img
												src="images/shoe/5.jpg" alt=""></div>
										<select class="ps-rating ps-shoe__rating">
											<option value="1">1</option>
											<option value="1">2</option>
											<option value="1">3</option>
											<option value="1">4</option>
											<option value="2">5</option>
										</select>
									</div>
									<div class="ps-shoe__detail"><a class="ps-shoe__name" href="product-detai.html">Air
											Jordan 7 Retro</a>
										<p class="ps-shoe__categories"><a href="#">Men shoes</a>,<a href="#">
												Nike</a>,<a href="#"> Jordan</a></p><span class="ps-shoe__price">
											<del>£220</del> £ 120</span>
									</div>
								</div>
							</div>
						</div>
						<div class="ps-shoes--carousel">
							<div class="ps-shoe">
								<div class="ps-shoe__thumbnail">
									<div class="ps-badge"><span>New</span></div><a class="ps-shoe__favorite" href="#"><i
											class="ps-icon-heart"></i></a><img src="images/shoe/3.jpg" alt=""><a
										class="ps-shoe__overlay" href="product-detail.html"></a>
								</div>
								<div class="ps-shoe__content">
									<div class="ps-shoe__variants">
										<div class="ps-shoe__variant normal"><img src="images/shoe/2.jpg" alt=""><img
												src="images/shoe/3.jpg" alt=""><img src="images/shoe/4.jpg" alt=""><img
												src="images/shoe/5.jpg" alt=""></div>
										<select class="ps-rating ps-shoe__rating">
											<option value="1">1</option>
											<option value="1">2</option>
											<option value="1">3</option>
											<option value="1">4</option>
											<option value="2">5</option>
										</select>
									</div>
									<div class="ps-shoe__detail"><a class="ps-shoe__name" href="product-detai.html">Air
											Jordan 7 Retro</a>
										<p class="ps-shoe__categories"><a href="#">Men shoes</a>,<a href="#">
												Nike</a>,<a href="#"> Jordan</a></p><span class="ps-shoe__price"> £
											120</span>
									</div>
								</div>
							</div>
						</div>
						<div class="ps-shoes--carousel">
							<div class="ps-shoe">
								<div class="ps-shoe__thumbnail"><a class="ps-shoe__favorite" href="#"><i
											class="ps-icon-heart"></i></a><img src="images/shoe/4.jpg" alt=""><a
										class="ps-shoe__overlay" href="product-detail.html"></a>
								</div>
								<div class="ps-shoe__content">
									<div class="ps-shoe__variants">
										<div class="ps-shoe__variant normal"><img src="images/shoe/2.jpg" alt=""><img
												src="images/shoe/3.jpg" alt=""><img src="images/shoe/4.jpg" alt=""><img
												src="images/shoe/5.jpg" alt=""></div>
										<select class="ps-rating ps-shoe__rating">
											<option value="1">1</option>
											<option value="1">2</option>
											<option value="1">3</option>
											<option value="1">4</option>
											<option value="2">5</option>
										</select>
									</div>
									<div class="ps-shoe__detail"><a class="ps-shoe__name" href="product-detai.html">Air
											Jordan 7 Retro</a>
										<p class="ps-shoe__categories"><a href="#">Men shoes</a>,<a href="#">
												Nike</a>,<a href="#"> Jordan</a></p><span class="ps-shoe__price"> £
											120</span>
									</div>
								</div>
							</div>
						</div>
						<div class="ps-shoes--carousel">
							<div class="ps-shoe">
								<div class="ps-shoe__thumbnail">
									<div class="ps-badge"><span>New</span></div><a class="ps-shoe__favorite" href="#"><i
											class="ps-icon-heart"></i></a><img src="images/shoe/5.jpg" alt=""><a
										class="ps-shoe__overlay" href="product-detail.html"></a>
								</div>
								<div class="ps-shoe__content">
									<div class="ps-shoe__variants">
										<div class="ps-shoe__variant normal"><img src="images/shoe/2.jpg" alt=""><img
												src="images/shoe/3.jpg" alt=""><img src="images/shoe/4.jpg" alt=""><img
												src="images/shoe/5.jpg" alt=""></div>
										<select class="ps-rating ps-shoe__rating">
											<option value="1">1</option>
											<option value="1">2</option>
											<option value="1">3</option>
											<option value="1">4</option>
											<option value="2">5</option>
										</select>
									</div>
									<div class="ps-shoe__detail"><a class="ps-shoe__name" href="product-detai.html">Air
											Jordan 7 Retro</a>
										<p class="ps-shoe__categories"><a href="#">Men shoes</a>,<a href="#">
												Nike</a>,<a href="#"> Jordan</a></p><span class="ps-shoe__price"> £
											120</span>
									</div>
								</div>
							</div>
						</div>
						<div class="ps-shoes--carousel">
							<div class="ps-shoe">
								<div class="ps-shoe__thumbnail"><a class="ps-shoe__favorite" href="#"><i
											class="ps-icon-heart"></i></a><img src="images/shoe/6.jpg" alt=""><a
										class="ps-shoe__overlay" href="product-detail.html"></a>
								</div>
								<div class="ps-shoe__content">
									<div class="ps-shoe__variants">
										<div class="ps-shoe__variant normal"><img src="images/shoe/2.jpg" alt=""><img
												src="images/shoe/3.jpg" alt=""><img src="images/shoe/4.jpg" alt=""><img
												src="images/shoe/5.jpg" alt=""></div>
										<select class="ps-rating ps-shoe__rating">
											<option value="1">1</option>
											<option value="1">2</option>
											<option value="1">3</option>
											<option value="1">4</option>
											<option value="2">5</option>
										</select>
									</div>
									<div class="ps-shoe__detail"><a class="ps-shoe__name" href="product-detai.html">Air
											Jordan 7 Retro</a>
										<p class="ps-shoe__categories"><a href="#">Men shoes</a>,<a href="#">
												Nike</a>,<a href="#"> Jordan</a></p><span class="ps-shoe__price"> £
											120</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="ps-home-testimonial bg--parallax pb-80" data-background="images/background/parallax.jpg">
			<div class="container">
				<div class="owl-slider" data-owl-auto="true" data-owl-loop="true" data-owl-speed="5000" data-owl-gap="0"
					data-owl-nav="false" data-owl-dots="true" data-owl-item="1" data-owl-item-xs="1"
					data-owl-item-sm="1" data-owl-item-md="1" data-owl-item-lg="1" data-owl-duration="1000"
					data-owl-mousedrag="on" data-owl-animate-in="fadeIn" data-owl-animate-out="fadeOut">
					<div class="ps-testimonial">
						<div class="ps-testimonial__thumbnail"><img src="images/testimonial/1.jpg" alt=""><i
								class="fa fa-quote-left"></i></div>
						<header>
							<select class="ps-rating">
								<option value="1">1</option>
								<option value="1">2</option>
								<option value="1">3</option>
								<option value="1">4</option>
								<option value="5">5</option>
							</select>
							<p>Logan May - CEO & Founder Invision</p>
						</header>
						<footer>
							<p>“Dessert pudding dessert jelly beans cupcake sweet caramels gingerbread. Fruitcake
								biscuit cheesecake. Cookie topping sweet muffin pudding tart bear claw sugar plum
								croissant. “</p>
						</footer>
					</div>
					<div class="ps-testimonial">
						<div class="ps-testimonial__thumbnail"><img src="images/testimonial/2.jpg" alt=""><i
								class="fa fa-quote-left"></i></div>
						<header>
							<select class="ps-rating">
								<option value="1">1</option>
								<option value="1">2</option>
								<option value="1">3</option>
								<option value="1">4</option>
								<option value="5">5</option>
							</select>
							<p>Logan May - CEO & Founder Invision</p>
						</header>
						<footer>
							<p>“Dessert pudding dessert jelly beans cupcake sweet caramels gingerbread. Fruitcake
								biscuit cheesecake. Cookie topping sweet muffin pudding tart bear claw sugar plum
								croissant. “</p>
						</footer>
					</div>
					<div class="ps-testimonial">
						<div class="ps-testimonial__thumbnail"><img src="images/testimonial/3.jpg" alt=""><i
								class="fa fa-quote-left"></i></div>
						<header>
							<select class="ps-rating">
								<option value="1">1</option>
								<option value="1">2</option>
								<option value="1">3</option>
								<option value="1">4</option>
								<option value="5">5</option>
							</select>
							<p>Logan May - CEO & Founder Invision</p>
						</header>
						<footer>
							<p>“Dessert pudding dessert jelly beans cupcake sweet caramels gingerbread. Fruitcake
								biscuit cheesecake. Cookie topping sweet muffin pudding tart bear claw sugar plum
								croissant. “</p>
						</footer>
					</div>
				</div>
			</div>
		</div>
		<div class="ps-section ps-home-blog pt-80 pb-80">
			<div class="ps-container">
				<div class="ps-section__header mb-50">
					<h2 class="ps-section__title" data-mask="News">- Our Story</h2>
					<div class="ps-section__action"><a class="ps-morelink text-uppercase" href="#">View all post<i
								class="fa fa-long-arrow-right"></i></a></div>
				</div>
				<div class="ps-section__content">
					<div class="row">
						<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 ">
							<div class="ps-post">
								<div class="ps-post__thumbnail"><a class="ps-post__overlay" href="#"></a><img
										src="images/blog/1.jpg" alt=""></div>
								<div class="ps-post__content"><a class="ps-post__title" href="#">An Inside Look at the
										Breaking2 Kit</a>
									<p class="ps-post__meta"><span>By:<a class="mr-5" href="#">Alena Studio</a></span>
										-<span class="ml-5">Jun 10, 2017</span></p>
									<p>Leverage agile frameworks to provide a robust synopsis for high level overviews.
										Iterative approaches to corporate strategy foster collaborative thinking to
										further…</p><a class="ps-morelink" href="#">Read more<i
											class="fa fa-long-arrow-right"></i></a>
								</div>
							</div>
						</div>
						<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 ">
							<div class="ps-post">
								<div class="ps-post__thumbnail"><a class="ps-post__overlay" href="#"></a><img
										src="images/blog/2.jpg" alt=""></div>
								<div class="ps-post__content"><a class="ps-post__title" href="#">Unpacking the Breaking2
										Race Strategy</a>
									<p class="ps-post__meta"><span>By:<a class="mr-5" href="#">Alena Studio</a></span>
										-<span class="ml-5">Jun 10, 2017</span></p>
									<p>Leverage agile frameworks to provide a robust synopsis for high level overviews.
										Iterative approaches to corporate strategy foster collaborative thinking to
										further…</p><a class="ps-morelink" href="#">Read more<i
											class="fa fa-long-arrow-right"></i></a>
								</div>
							</div>
						</div>
						<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 ">
							<div class="ps-post">
								<div class="ps-post__thumbnail"><a class="ps-post__overlay" href="#"></a><img
										src="images/blog/3.jpg" alt=""></div>
								<div class="ps-post__content"><a class="ps-post__title" href="#">Nike’s Latest Football
										Cleat Breaks the Mold</a>
									<p class="ps-post__meta"><span>By:<a class="mr-5" href="#">Alena Studio</a></span>
										-<span class="ml-5">Jun 10, 2017</span></p>
									<p>Leverage agile frameworks to provide a robust synopsis for high level overviews.
										Iterative approaches to corporate strategy foster collaborative thinking to
										further…</p><a class="ps-morelink" href="#">Read more<i
											class="fa fa-long-arrow-right"></i></a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="ps-footer bg--cover" data-background="images/background/parallax.jpg">
			<div class="ps-footer__content">
				<div class="ps-container">
					<div class="row">
						<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 ">
							<aside class="ps-widget--footer ps-widget--info">
								<header><a class="ps-logo" href="index.html"><img src="images/logo-white.png"
											alt=""></a>
									<h3 class="ps-widget__title">Address Office 1</h3>
								</header>
								<footer>
									<p><strong>460 West 34th Street, 15th floor, New York</strong></p>
									<p>Email: <a href='mailto:support@store.com'>support@store.com</a></p>
									<p>Phone: +323 32434 5334</p>
									<p>Fax: ++323 32434 5333</p>
								</footer>
							</aside>
						</div>
						<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 ">
							<aside class="ps-widget--footer ps-widget--info second">
								<header>
									<h3 class="ps-widget__title">Address Office 2</h3>
								</header>
								<footer>
									<p><strong>PO Box 16122 Collins Victoria 3000 Australia</strong></p>
									<p>Email: <a href='mailto:support@store.com'>support@store.com</a></p>
									<p>Phone: +323 32434 5334</p>
									<p>Fax: ++323 32434 5333</p>
								</footer>
							</aside>
						</div>
						<div class="col-lg-2 col-md-2 col-sm-4 col-xs-12 ">
							<aside class="ps-widget--footer ps-widget--link">
								<header>
									<h3 class="ps-widget__title">Find Our store</h3>
								</header>
								<footer>
									<ul class="ps-list--link">
										<li><a href="#">Coupon Code</a></li>
										<li><a href="#">SignUp For Email</a></li>
										<li><a href="#">Site Feedback</a></li>
										<li><a href="#">Careers</a></li>
									</ul>
								</footer>
							</aside>
						</div>
						<div class="col-lg-2 col-md-2 col-sm-4 col-xs-12 ">
							<aside class="ps-widget--footer ps-widget--link">
								<header>
									<h3 class="ps-widget__title">Get Help</h3>
								</header>
								<footer>
									<ul class="ps-list--line">
										<li><a href="#">Order Status</a></li>
										<li><a href="#">Shipping and Delivery</a></li>
										<li><a href="#">Returns</a></li>
										<li><a href="#">Payment Options</a></li>
										<li><a href="#">Contact Us</a></li>
									</ul>
								</footer>
							</aside>
						</div>
						<div class="col-lg-2 col-md-2 col-sm-4 col-xs-12 ">
							<aside class="ps-widget--footer ps-widget--link">
								<header>
									<h3 class="ps-widget__title">Products</h3>
								</header>
								<footer>
									<ul class="ps-list--line">
										<li><a href="#">Shoes</a></li>
										<li><a href="#">Clothing</a></li>
										<li><a href="#">Accessries</a></li>
										<li><a href="#">Football Boots</a></li>
									</ul>
								</footer>
							</aside>
						</div>
					</div>
				</div>
			</div>
		</div>
	</main>
	<!-- JS Library-->
	
	<script type="text/javascript" src="plugins/jquery/dist/jquery.min.js"></script>
	<script type="text/javascript" src="plugins/bootstrap/dist/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="plugins/jquery-bar-rating/dist/jquery.barrating.min.js"></script>
	<script type="text/javascript" src="plugins/owl-carousel/owl.carousel.min.js"></script>
	<script type="text/javascript" src="plugins/gmap3.min.js"></script>
	<script type="text/javascript" src="plugins/imagesloaded.pkgd.js"></script>
	<script type="text/javascript" src="plugins/isotope.pkgd.min.js"></script>
	<script type="text/javascript" src="plugins/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
	<script type="text/javascript" src="plugins/jquery.matchHeight-min.js"></script>
	<script type="text/javascript" src="plugins/slick/slick/slick.min.js"></script>
	<script type="text/javascript" src="plugins/elevatezoom/jquery.elevatezoom.js"></script>
	<script type="text/javascript" src="plugins/Magnific-Popup/dist/jquery.magnific-popup.min.js"></script>
	<script type="text/javascript" src="plugins/jquery-ui/jquery-ui.min.js"></script>
	<script type="text/javascript"
		src="http://ditu.google.cn/maps/api/js?key=AIzaSyAx39JFH5nhxze1ZydH-Kl8xXM3OK4fvcg&amp;region=GB"></script>
	<script type="text/javascript" src="plugins/revolution/js/jquery.themepunch.tools.min.js"></script>
	<script type="text/javascript" src="plugins/revolution/js/jquery.themepunch.revolution.min.js"></script>
	<script type="text/javascript" src="plugins/revolution/js/extensions/revolution.extension.video.min.js"></script>
	<script type="text/javascript" src="plugins/revolution/js/extensions/revolution.extension.slideanims.min.js">
	</script>
	<script type="text/javascript" src="plugins/revolution/js/extensions/revolution.extension.layeranimation.min.js">
	</script>
	<script type="text/javascript" src="plugins/revolution/js/extensions/revolution.extension.navigation.min.js">
	</script>
	<script type="text/javascript" src="plugins/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
	<script type="text/javascript" src="plugins/revolution/js/extensions/revolution.extension.actions.min.js"></script>
	<script type="text/javascript" src="plugins/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
	<script type="text/javascript" src="plugins/revolution/js/extensions/revolution.extension.migration.min.js">
	</script>
	<!-- Custom scripts-->
	<script type="text/javascript" src="js/main.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
</body>
</html>
